<h2>客户相关模块</h2>
<div style="margin-top: 0px; height: auto; overflow-x: hidden;width:802px">    
<div class="iconRecord">
	<div class="iconIndex_item">
		<div class="iconIndex_Pic"><img src="images/customer.png" style="width:50px;"></div>
		<div class="iconIndex_info">
			<span class="iconIndex_label">
				<a href="javascript:void(0)" onclick="workbenchJs.open1('component/customer/customers.html',this)"><b>我的客户</b></a>
			</span>
			<p>客户查看、添加、分析、搜索</p>
		</div>
	</div>
	<div class="paddingDiv"></div>
	<div class="iconIndex_item">
		<div class="iconIndex_Pic"><img src="images/appointment.png" style="width:50px;"></div>
		<div class="iconIndex_info">
			<span class="iconIndex_label">
				<a href="javascript:void(0)" onclick="workbenchJs.open1('component/customer/ConsultAppoint.html',this)"><b>预约管理</b></a>
			</span>
			<p><a href="javascript:void(0)" onclick="workbenchJs.open1('component/customer/ConsultAppoint.html',this)">预约咨询</a>
				<a href="javascript:void(0)" onclick="workbenchJs.open1('component/customer/SurgeryAppoint.html',this)">预约手术</a></p>
		</div>
	</div>
	
	<div class="iconIndex_item">
		<div class="iconIndex_Pic"><img src="images/opportunity.png" style="width:50px;"></div>
		<div class="iconIndex_info">
			<span class="iconIndex_label">
				<a href="javascript:void(0)" onclick="workbenchJs.open1('component/customer/opportunity.html',this)"><b>商业机会</b></a>
			</span>
			<p>善于捕捉商业机会才能最大程度的提高业绩</p>
		</div>
	</div>
	<div class="paddingDiv"></div>
	<div class="iconIndex_item">
		<div class="iconIndex_Pic"><img src="images/consult.png" style="width:50px;"></div>
		<div class="iconIndex_info">
			<span class="iconIndex_label">
				<a href="javascript:void(0)" onclick="workbenchJs.open1('component/customer/consult.html',this)"><b>咨询</b></a>
			</span>
			<p>
				<a href="javascript:void(0)" onclick="workbenchJs.open1('component/customer/addConsult.html',this)">添加咨询</a>
				<a href="javascript:void(0)" onclick="workbenchJs.open1('component/customer/consult.html',this)">我的咨询</a>
			</p>
		</div>
	</div>
	
		<div class="iconIndex_item">
		<div class="iconIndex_Pic"><img src="images/contract.png" style="width:50px;"></div>
		<div class="iconIndex_info">
			<span class="iconIndex_label">
				<a href="javascript:void(0)" onclick="workbenchJs.open1('component/customer/contract.html',this)"><b>合同管理</b></a>
			</span>
			<p>手术协议添加、电子协议上传</p>
			<p>
				<a href="javascript:void(0)" onclick="workbenchJs.open1('component/customer/addContract.html',this)">添加合同</a>
			</p>
		</div>
	</div>
	<div class="paddingDiv"></div>
	<div class="iconIndex_item">
		<div class="iconIndex_Pic"><img src="images/contract.png" style="width:50px;"></div>
		<div class="iconIndex_info">
			<span class="iconIndex_label">
				<a href="javascript:void(0)" onclick="workbenchJs.open1('component/customer/surgeryRecord.html',this)"><b>手术记录</b></a>
			</span>
			<p>手术记录<a href="javascript:void(0)" onclick="workbenchJs.open1('component/customer/addSurgeryRecord.html',this)"><b>添加</b></a>、查询</p>
		</div>
	</div>
</div>
</div>
<script type="text/javascript">
	function rowOver(id){
		$(id).addClass('row-over');
	}
	function rowOut(id){
		$(id).removeClass('row-over');
	}
	
	$(function(){
		$('.iconIndex_item').bind('mouseover',function(){
			rowOver(this);
		});
		$('.iconIndex_item').bind('mouseout',function(){
			rowOut(this);
		});
	});
	
</script>
<style type="text/css">
        #fm{
            margin:0;
            padding:10px 30px;
        }
        .ftitle{
            font-size:14px;
            font-weight:bold;
            padding:5px 0;
            margin-bottom:10px;
            border-bottom:1px solid #ccc;
        }
        .fitem{
            margin-bottom:5px;
        }
        .fitem label{
            display:inline-block;
            width:80px;
        }
        .iconRecord{
        	padding-top:2px;
        }
         .iconIndex_label{
            display:inline-block;
            width:270px;
            height:24px;
            padding:0;
            line-height:24px
        }
        .iconIndex_item{
        	float:left;
        	width:400px;
        	padding:10px 0px;
        	margin-bottom:2px;
        	background: #FFFFFF;
        	height:70px;
        }
        
        .iconIndex_item p{
        	height:24px;line-height:24px;margin:0;padding:0
        }
        .paddingDiv{
        	float:left;
        	padding-left:2px;
        	min-height:50px;
			height:100%;
			_height:50px;
        }
        .task_item_desc{
        	width:90%;
        	float:left;
        	clear:both;
        	padding-left:60px;
        	display:none;
        }
        #item_toolbar{
        	float:left;
        	clear:both;
        	width:100%;
        	margin-bottom:2px;
        	padding-bottom:4px;
        	background: #FFFFFF;
        	height:auto;
			vertical-align:middle;
        }
        .iconIndex_Pic{
        	width:50px;
        	float:left;
        	margin:0;
        	padding:0 10px;
        }
        .iconIndex_info{
        	padding-left:10px;
        	float:left;
        	height:auto;
        	width:300px;
        }
                .row-over {
  			background: #e6e6e6;
  			color: #00438a;
  			cursor: default;
		}
		.row-selected {
  			background: #0081c2;
  			color: #fff;
		}
</style>